@charset "utf-8";
body,html {
    width: 100%;
}
header,#header{
	height: 50px;
	background-color:#000;
}
#logo {
    margin: 0 auto;
    margin-top: 60px;
    width: 157px;
    height: 50px;
    background: url("../img/logo.png");
}
nav,#menu {
    position: fixed;
    left:-70px;
    height: 100%;
    padding: 10px 5px 10px 5px;
    width: 70px;
    background-color: #116644;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    opacity: 0.33;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 33);
    filter: alpha(opacity = 33);

}
#menu li {
    list-style: none;
    opacity: 1.0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
    filter: alpha(opacity = 100);
}
.raw{
    margin-left: -20px;
}
#content{
    background: url("../img/title.png") center;
    width: 100%;
    height: 100%;
}
#title{
	margin-top:210px;
}
#main_title,#second_title{
    text-align: center;
    font-family: Yahei,Arial,sans-serif;
	margin-top:25px;
}
#summary{
    text-align: center;
    margin-top: 10px;
}
#item {
	margin-top: 80px;
}
.item_content {
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    -moz-box-shadow: 1px 2px 10px 1px #686769;
    -webkit-box-shadow: 1px 2px 10px 1px #686769;
    box-shadow: 1px 2px 10px 1px #686769;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 157.5, color = '#686769');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 157.5, Color = '#686769')";
    opacity: 0.56;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 56);
    filter: alpha(opacity = 56);

    background-color: #fff;
    padding:20px;
    margin:0 auto;
    height: 200px;
    width: 200px;
}
#other {

}
